<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="e享时代,创新消费-科学分享!" />
<meta name="description" content="麦e享时代,创新消费-科学分享!" />
<meta name="applicable-device" content="pc,mobile">
<meta name="format-detection" content="telephone=no"/>
<meta name="location" content="province=广东;city=深圳;">
<link rel="icon" href="../image/favicon.ico">
<title>e享时代</title>
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.min.css">
<!-- Path to Framework7 iOS related color styles -->
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.colors.min.css">

<link rel="stylesheet" href="../style/home/style.css">
<style>
  [v-cloak]{
        display: none;
  }
  body{
      padding-bottom: 0px;
  }
</style>
</head>

<body>
<div id="app" v-scroll="loadMore" v-cloak>
    <div class="headTitle TopTitle"><a class="return" href="javascript:history.back();"><img src="../image/return@2x.png"></a>消费记录</div>
    <div class="tableList InquireList">
        <ul class="title TwoTitle">
            <li> <span class="one">日期</span> <span class="two">商品</span><span class="three">金额</span>  </li>
        </ul>
        <!-- 刷新组件 -->
        <div style="height: 92px;" id="pullDownBackground"></div>
        <div id="pullDown1" class="loadingUP1" style="display: none;">下拉刷新 ↓</div>
        <div class="loader-inner ball-spin-fade-loader" id="pullDown2" style="display: none;">
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
        </div>
        <!-- 刷新列表 -->
        <ul class="list" v-on:touchStart="Start" v-on:touchMove="Move" v-on:touchEnd="End">
           <!-- v-on:click="toDetail($event)" -->
            <li v-for="(item,index) in items" v-bind:data-id="item.id">
              <a href="javascript:void(0)"> <span class="one">{{item.createTime|moment}}</span>
               <span class="two ellipsis" v-text="item.commodityName"></span>
               <span class="three" v-text="item.consumptionMoney"></span>
               <span class="four"><!-- <img class="f_right" src="../image/grayReturn@2x.png"> --></span></a>
            </li>
        </ul>
    </div>
    <!-- 加载提示符 -->
    <!-- <div class="infinite-scroll-preloader" style="display: none;">
        <div class="preloader"></div>
    </div> -->
    <div id="pullDown3" class="loader-inner ball-spin-fade-loader" style="display: none;">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
  </div>
    <!-- 没有数据 -->
    <div class="error404 Vcenter">
     <dl><dt><img src="../image/NOdada@2x.png"></dt>
       <dd>还没有数据哦~</dd>
     </dl>
    </div>
</div>
<script src="../js/lib/jquery/dist/jquery.min.js"></script>
<script src="../js/lib/Framework7/dist/js/framework7.min.js"></script>
<script type="text/javascript" src="../js/dist/home/consumeRecord/bundle.js"></script>
</body>
</html>
